<template>
  <intro-view :usage="usage">
    <ui-input v-model="inputValue" autoLabel placeholder="姓名"></ui-input>
    <br>
    <ui-input v-model="inputValue" clearable placeholder="请输入内容"></ui-input>
    <br>
    <ui-input v-model="inputValue" disabled placeholder="请输入内容"></ui-input>
    <br>
    <ui-input v-model="inputValue" placeholder="请输入内容">
      <i slot="prefix" class="iconfont icon-my" style="padding-right: 5px"></i>
      <i slot="suffix" class="iconfont icon-myfill" style="padding-left: 5px"></i>
    </ui-input>
    <br>
    <ui-input v-model="inputValue" type="textarea" maxlength="200" placeholder="请输入内容 我是type=textarea">
      <i slot="prefix" class="iconfont icon-my" style="padding-right: 5px"></i>
      <i slot="suffix" class="iconfont icon-myfill" style="padding-left: 5px"></i>
    </ui-input>
    <br>
    <ui-input v-model="inputValue" autoLabel type="textarea" placeholder="请输入内容 我是type=textarea">
      <i slot="prefix" class="iconfont icon-my" style="padding-right: 5px"></i>
      <i slot="suffix" class="iconfont icon-myfill" style="padding-left: 5px"></i>
    </ui-input>
  </intro-view>
</template>

<script>
  import usage from './usage.md'
  export default {
    data () {
      return {
        usage,
        inputValue: ''
      }
    },
    methods: {
    }
  }
</script>
